<template>
  <div class="box bold-100">
    <div class="m-t-30">以下仅供内部参考</div>
    <div
      class="small m-t-07"
      v-for="(item, index) in project"
      :key="index"
      @click="internal(item,index+1)"
    >
      <div class="left">{{ index + 1 }}.</div>
      <div class="right">
        {{ item.name }}
      </div>
    </div>
  </div>
</template>
 
 <script>
export default {
  props: {
    project: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {};
  },
  methods: {
    //内部参考跳转
    internal(i,num) {
      // console.log("i",i);
      if (i.id == "d0c7200365164584933cc45089f2e5fc") {
        this.$router.push({
          path: "/potential",
          query: {
            id: i.id,
            pass: 1,
            title: i.name,
            num
          },
        });
      } else if (i.id == "db8d0946-5970-498f-873d-d13a971a6164") {
        //(加密详情)
        this.$router.push({
          path: "/promotionw",
          query: {
            id: i.id,
            pass: 1,
            title: i.name,
            num
          },
        });
      } else if (i.id == "4c451785-5a71-4888-9d77-452e21650a7e") {
        //(不加密详情)
        this.$router.push({
          path: "/promotionw",
          query: {
            id: i.id,
            i: i.name,
            num
          },
        });
      } else if (i.minePass == "true") {
        this.$router.push({
          path: "/strategy",
          query: {
            id: i.id,
            pass: 1,
            title: i.name,
            num
          },
        });
      } else {
        this.$router.push({
          path: "/strategy",
          query: {
            id: i.id,
            i: i.name, //标题
            num
          },
        });
      }
    },
  },
};
</script>
 
 <style scoped>
.box {
  width: 100%;
  font-size: 0.18rem;
}

.small {
  width: 100%;
  /* min-height: .4rem; */
  display: flex;
}
.small .left {
  width: 8%;
  height: 100%;
  display: flex;
  justify-content: center;
}
/* .small .left .yuan {
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
  background-color: black;
} */
.small .right {
  width: 92%;
  height: 100%;
}
</style>